<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title th:text="'帮助与支持 — '+${infoMap['title']}"></title>
    <meta name="author" th:content="${infoMap['author']}"/>
    <meta name="keywords" th:content="${infoMap['keywords']}"/>
    <meta name="description" th:content="${infoMap['description']}"/>
    <!-- <meta name="description" content=""> -->
    <!-- 让IE浏览器用最高级内核渲染页面 还有用 Chrome 框架的页面用webkit 内核
    ================================================== -->
    <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge">
    <!-- IOS6全屏 Chrome高版本全屏
    ================================================== -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <!-- 让360双核浏览器用webkit内核渲染页面
    ================================================== -->
    <meta name="renderer" content="webkit">
    <!-- CSS
    ================================================== -->
    <link th:href="@{{path}/common/v3/bootstrap_3.3.7/bootstrap.min.css?v={v}(path=${staticPath},v=${v})}" rel="stylesheet" type="text/css">
    <link th:href="@{{path}/common/v3/cssfont/font-awesome_4.4.0/font-awesome.min.css?v={v}(path=${staticPath},v=${v})}" rel="stylesheet" type="text/css">
    <link th:href="@{{path}/admin/v3/css/vc3/style.css?v={v}(path=${staticPath},v=${v})}" rel="stylesheet">
    <link th:href="@{{path}/admin/v3/css/vc3/adminPage.css?v={v}(path=${staticPath},v=${v})}" rel="stylesheet"/>
    <!-- Favicons
    ================================================== -->
    <link rel="shortcut icon" th:href="${icoMap['url']}"/>

    <style>
        .folder-list li a {padding: 10px 0}
        .folder-list li i {font-size: 10px;color: #aaa}
        .folder-list li.current a,
        .folder-list li.current a *,
        .folder-list li a:hover,
        .folder-list li a:hover * {color: #EE641D}
        .help-content {border-left: 1px solid #E7EAEC;min-height: 450px;padding-left: 25px}
        .help-menu .panel-group .panel {border-radius: 0;box-shadow: none;border: none}
        .help-menu .panel-group .panel,
        .help-menu .panel-default>.panel-heading,
        .help-menu .panel-group .panel-collapse>.panel-body {background: transparent;border-top: none}
        .help-menu .panel-group .panel-collapse>.panel-body {color: #999;margin-left: 12px;line-height: 180%}
        .help-menu .panel-default>.panel-heading,
        .help-menu .panel-group .panel-collapse > .panel-body {padding-left: 0;padding-right: 0;}
        .help-menu .panel-group .panel-collapse > .panel-body {margin: 0;padding-left: 20px}
        .help-menu .panel-group .panel .panel-title>.collapsed {color: #374053;font-size: 16px;}
        .help-menu .panel-group .panel .panel-title>.collapsed>i {-webkit-transform: rotate(0deg);transform: rotate(0deg)}
        .help-menu .panel-group .panel-title>a {color: #EE641D; font-size: 16px;}
        .help-menu .panel-group .panel-title>a>i.fa {-webkit-transform: rotate(45deg);transform: rotate(45deg)}
    </style>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content">
    <div class="help-banner" th:style="'background: url('+${staticPath}+'/admin/v3/img/help-banner.jpg) no-repeat 50% 0;height: 90px;line-height: 90px'">
        <span class="fs18 c-fff m-l-lg">
            <i class="fa fa-list-ul"></i> 帮助与支持</span>
    </div>
    <div class="m-t-lg m-l">
        <div class="row">
            <div class="col-sm-3">
                <div class="ibox float-e-margins">
                    <div class="file-manager m-l help-menu">
                        <h3>目录菜单</h3>
                        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                            <div th:each="help,index : ${helpList}" class="panel panel-default">
                                <div class="panel-heading" role="tab" th:id="'headingOne'+${help['id']}">
                                    <h4 th:attrprepend="data-id=${help['id']}" class="panel-title g-context">
                                        <textarea style="display: none;" th:id="'context-'+${help['id']}"></textarea>
                                        <a th:classappend="${index.count}==1 ?'collapsed':''" th:style="${index.count}==1 ?'height: 0;':''" role="button" data-toggle="collapse" data-parent="#accordion" th:href="'#collapseOne'+${help['id']}" th:attrappend="aria-expanded=${index.count}==1?'true':'false',aria-controls='collapseOne'+${help['id']}">
                                            <i class="fa fa-caret-right"></i>
                                            <th:block th:text="${help['helpName']}"></th:block>
                                        </a>
                                    </h4>
                                </div>
                                <div th:id="'collapseOne'+${help['id']}" th:classappend="${index.count}==1? 'in':''" class="panel-collapse collapse" role="tabpanel"  th:attrappend="aria-labelledby='headingOne'+${help['id']}">
                                    <div class="panel-body">
                                        <ul class="folder-list" style="padding: 0">
                                            <th:block th:if="!${#lists.isEmpty(help['childHelpList'])}">
                                                <li th:each="child : ${help['childHelpList']}" th:attrprepend="data-id=${child['id']}" class="g-context">
                                                    <textarea th:id="'context-'+${child['id']}" style="display: none;"></textarea>
                                                    <a href="javascript:void(0);">
                                                        <i class="fa fa-circle fs12 c-999"></i>
                                                        <th:block th:text="${child['helpName']}"></th:block>
                                                        <span class="pull-right">
                                                            <i class="fa fa-angle-right"></i>
                                                        </span>
                                                    </a>
                                                </li>
                                            </th:block>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-9">
                <div class="help-content">

                </div>
            </div>
        </div>
    </div>
</div>
<!-- 全局js -->
<script th:src="@{{path}/common/libs/jquery_2.1.4/jquery.min.js?v={v}(path=${staticPath},v=${v})}"></script>
<script th:src="@{{path}/common/libs/bootstrap/bootstrap.min.js?v={v}(path=${staticPath},v=${v})}"></script>
<script th:src="@{{path}/admin/business/manage/help/show-help-center.js?v={v}(path=${staticPath},v=${v})}"></script>
<script th:inline="javascript" type="text/javascript">
    var baseloaction = [[${#httpServletRequest.getContextPath()}]];
</script>
</body>
</html>

